<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>腾讯首页</title>
		<style>
			 *{
            margin:0;
            padding:0;
        }
			
				ul{
					background-color: cornflowerblue;
					width: auto;
					height: 50px;
            list-style-type:none;
            
            font-size:20px;}
            li{
           display: inline-block;
            width:60px;
            padding:10px;
            
        }
         a{
         	font-family: "微软雅黑";
         	
            display:block;/*整体变为可点击区域，而不只是字*/
        }
        
            .bbox{
            	height: 200px;
            	width: 1400px;
            	margin: 0 auto;
            	
            }
            .head {
            	width: 1400px;
				height: 90px;
				overflow: auto;
				margin: 20px 0;
				zoom: 1;
            }
            .neck{
            	width:1400px;
            	height:890px;
            	
            	font-family: "微软雅黑";
            	color: #FFFFFF;
            }
            .chest{
            	width:1400px;
            	height:890px;
            	margin:160px auto;
            	font-family: "微软雅黑";
            	color: #FFFFFF;
            }
            .h1{
            	
            	width:1000px;
            	height:90px;
            	float: left;
            	margin-right: 20px;
            }
            .h2{
            	width:380px;
            	height:90px;
        float: left;
         
          }
            .n1{
            	width:1000px;
            	height:450px;
            	float: left;
            	margin-right: 20px;
            }
            .n11{
            	width: 500px;
            	height: 450px;
            	float: left;
            	margin-right: 50px;
            }
            .n22{
            	width: 450px;
            	height: 450px;
            	float: left;
            }
            .n2{
            	width:380px;
            	height:450px;
            	float: left;
            }
            .n3{
            	
            }
            .c1{
            	border:10px solid black;
            	width:500px;
            	height:460px;
            	float: left;
            }
            .c2{
            	width:800px;
            	height:380px;
            	padding-top:100px;
            	padding-left:40px;
            	padding-right:40px;
            	float: left;
            	color: #FFFFFF;
            	font-family: "微软雅黑";
            	font-size: xx-large;
            }
            .c3{
            	margin: 0px;
            	width:800px;
            	height:310px;
            	padding-top:100px;
            	padding-left:40px;
            	padding-right:40px;
            	float: left;
            	color: #FFFFFF;
            	font-family: "微软雅黑";
            	font-size: x-large;
            }
            .c4{
            	border:10px solid black;
            	width:500px;
            	height:390px;
            	float: left;
            	margin:0px;
            }
            li a:link{
				text-decoration: none;
				
				color: white;
			}
			li a:visited{
				color: white;
			}
			li a:hover{
				height: 25px;
				width: 40px;
				background-color: aliceblue;
				color: cornflowerblue;
			}
			li a:active{
				color: crimson;
			}
			.KT{
				width: 1400px;
				height: 90px;
				overflow: auto;
				zoom: 1;
				
			}
			.kt1{
				width:200px;
				
				height: 90px;
				float: left;
			}
			.kt2{
				width:350px;
				
				float: left;
				height: 90px;
			}
			.kt3{

				width:500px;
				float: left;
				height: 90px;
			}
			.k31{
				margin-top: 20PX;
				width:290px;
				height:90 px;
				box-shadow: 0 1 0;
				font-size: 19px;
				text-align: center;
				float: left;
			}
			.k32 a{
				text-decoration: none;
			}
			.k32 a:link{
				text-decoration: none;
				
				color: white;
			}
			.k32  a:visited{
				color: white;
			}
			
			.k32
			{
				text-align: center;
				margin-top: 25PX;
				float: left;
				width: 100px;
				height:90 px;
				color:white;
				background-color: #6495ED;
			}
			.kt4{
				width:350px;
				
				float: left;
				height: 90px;
				
			}
		</style>
	</head>
	<body>
		<div class="bbox">
		<div class="KT">
			<div class="kt1"><a href="1.html"><img src="img/qq_logo_2x.png" width="200px" height="100%"/></a></div>
			<div class="kt2"><a href="1.html"><img src="img/2961b7c6aa69.8001160.png" width="350px" height="100%"/></a></div>
			<div class="kt3"><a href="1.html"></a><div class="k31">网页<input type="search" name="网页" size="30"></div><div class="k32"><a href="#">搜狗浏览</a></div></div>
			<div class="kt4"><a href="1.html"><img src="img/QQ图片20201130130427.png" width="350px" height="100%"/></a></div>
		</div>
		<ul>
			<li><a href="https://www.baidu.com/">新闻</a></li>
			<li><a href="https://www.baidu.com/">视频</a></li>
		    <li><a href="https://www.baidu.com/">图片</a></li>
		    <li><a href="https://www.baidu.com/">军事</a></li>
			<li><a href="https://www.baidu.com/">体育</a></li>
			<li><a href="https://www.baidu.com/">娱乐</a></li>
			<li><a href="https://www.baidu.com/">财经</a></li>
			<li><a href="https://www.baidu.com/">科技</a></li>
			<li><a href="https://www.baidu.com/">时尚</a></li>
			<li><a href="https://www.baidu.com/">汽车</a></li>
			<li><a href="https://www.baidu.com/">房产</a></li>
			<li><a href="https://www.baidu.com/">教育</a></li>
			<li><a href="https://www.baidu.com/">文化</a></li>
			<li><a href="https://www.baidu.com/">星座</a></li>
			<li><a href="https://www.baidu.com/">游戏</a></li>
			<li><a href="https://www.baidu.com/">更多</a></li>
		</ul>
		<div class="head">
			<div class="h1"><a href="1.html"><img src="img/QQ图片20201130130550.png" width="1000px" height="100%"/></a></div>
			<div class="h2"><a href="1.html"><img src="img/QQ图片20201130130553.png" width="380px" height="100%"/></a></div>
		
		</div>
		<div class="neck">
			<div class="n1">
				<div class="n11"><img src="img/QQ图片20201201003128.png" width="500px" height="450px"/></div>
				<div class="n22"><img src="img/QQ图片20201201005641.png" width="450px" height="450px"/></div>
			</div>
			<div class="n2"><img src="img/QQ图片20201201010757.png" width="380px" height="450px"/></div>
		</div>
				
		</div>
	</body>
</html>
